<!DOCTYPE html>
<html lang="en-US">
	
<!-- Mirrored from vkuviewdoc.fsq.pub/guide/theme.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 May 2025 17:30:58 GMT -->
<head>
		<title>自定义主题 | uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！</title>
		<meta charset="utf-8">
		<script>
		  var _hmt = _hmt || [];
		  (function() {
		    var hm = document.createElement("script");
		    hm.src = "../../hm.baidu.com/hm34bd.js?1d1565dd0782e66106e6a42c79ed2554";
		    var s = document.getElementsByTagName("script")[0]; 
		    s.parentNode.insertBefore(hm, s);
		  })();
		  </script>
		<meta name="description" content="同时支持 Vue3.0 和 Vue2.0，你没看错，现在 uView 支持 Vue3.0 了！（不支持nvue，此版本为uView1.0的分支）">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keywords" content="vk-uview,uviewVue3.0,uview,uView,uviewui,uview ui,uviewUI,uViewui,uViewUI,uView UI,uni ui,uni UI,uni-app ui框架,uni-app UI框架,uniapp ui,ui,UI框架,uniapp ui框架,uniapp UI">
		<link rel="preload" href="../assets/css/0.styles.61168ff3.css" as="style"><link rel="preload" href="../assets/js/app.06a5b7ec.js" as="script"><link rel="preload" href="../assets/js/3.b1cc55a0.js" as="script"><link rel="preload" href="../assets/js/4.4b844322.js" as="script"><link rel="preload" href="../assets/js/66.7155e206.js" as="script"><link rel="preload" href="../assets/js/9.ba52e2b0.js" as="script"><link rel="preload" href="../assets/js/7.1d1f1c24.js" as="script"><link rel="preload" href="../assets/js/6.2c513bee.js" as="script"><link rel="prefetch" href="../assets/js/1.98a9916e.js"><link rel="prefetch" href="../assets/js/10.038f08bd.js"><link rel="prefetch" href="../assets/js/100.a4e49f4f.js"><link rel="prefetch" href="../assets/js/101.5bb80e81.js"><link rel="prefetch" href="../assets/js/102.341da24c.js"><link rel="prefetch" href="../assets/js/103.59b833cd.js"><link rel="prefetch" href="../assets/js/104.a145c535.js"><link rel="prefetch" href="../assets/js/105.c8fea0c4.js"><link rel="prefetch" href="../assets/js/106.d1e658a7.js"><link rel="prefetch" href="../assets/js/107.5f95aed3.js"><link rel="prefetch" href="../assets/js/108.8d2b2544.js"><link rel="prefetch" href="../assets/js/109.10c99e03.js"><link rel="prefetch" href="../assets/js/11.8e74d8b9.js"><link rel="prefetch" href="../assets/js/110.4a7e9307.js"><link rel="prefetch" href="../assets/js/111.773e8680.js"><link rel="prefetch" href="../assets/js/112.c7465195.js"><link rel="prefetch" href="../assets/js/113.b86e8be8.js"><link rel="prefetch" href="../assets/js/114.9ba8246a.js"><link rel="prefetch" href="../assets/js/115.48e5c3e4.js"><link rel="prefetch" href="../assets/js/116.623d8a73.js"><link rel="prefetch" href="../assets/js/117.d9fc756d.js"><link rel="prefetch" href="../assets/js/118.668a7d9f.js"><link rel="prefetch" href="../assets/js/119.6ca5a6b7.js"><link rel="prefetch" href="../assets/js/12.1490d9ad.js"><link rel="prefetch" href="../assets/js/120.8008a6be.js"><link rel="prefetch" href="../assets/js/121.29c37c36.js"><link rel="prefetch" href="../assets/js/122.00c188a8.js"><link rel="prefetch" href="../assets/js/123.22e24add.js"><link rel="prefetch" href="../assets/js/124.e5837e2d.js"><link rel="prefetch" href="../assets/js/125.bd96786c.js"><link rel="prefetch" href="../assets/js/126.e58693e0.js"><link rel="prefetch" href="../assets/js/127.7df2a7cb.js"><link rel="prefetch" href="../assets/js/128.46d0d44f.js"><link rel="prefetch" href="../assets/js/129.533ad2e4.js"><link rel="prefetch" href="../assets/js/13.26869a5e.js"><link rel="prefetch" href="../assets/js/130.33870daa.js"><link rel="prefetch" href="../assets/js/131.6ed8ceeb.js"><link rel="prefetch" href="../assets/js/132.ddabb1d9.js"><link rel="prefetch" href="../assets/js/133.9ec99fba.js"><link rel="prefetch" href="../assets/js/134.ddf9fd84.js"><link rel="prefetch" href="../assets/js/135.c78b3861.js"><link rel="prefetch" href="../assets/js/136.9f35dad7.js"><link rel="prefetch" href="../assets/js/137.f76e23c3.js"><link rel="prefetch" href="../assets/js/138.527154ce.js"><link rel="prefetch" href="../assets/js/139.20fc60a7.js"><link rel="prefetch" href="../assets/js/14.f7c8080a.js"><link rel="prefetch" href="../assets/js/140.94a3c889.js"><link rel="prefetch" href="../assets/js/141.dbec7630.js"><link rel="prefetch" href="../assets/js/142.01e40518.js"><link rel="prefetch" href="../assets/js/143.e69db0a4.js"><link rel="prefetch" href="../assets/js/144.6b44c549.js"><link rel="prefetch" href="../assets/js/145.be0da9a2.js"><link rel="prefetch" href="../assets/js/146.cf66d7a5.js"><link rel="prefetch" href="../assets/js/147.0d33398d.js"><link rel="prefetch" href="../assets/js/148.7ec3725c.js"><link rel="prefetch" href="../assets/js/149.94b68d3b.js"><link rel="prefetch" href="../assets/js/15.9c539d25.js"><link rel="prefetch" href="../assets/js/150.a3cb5d67.js"><link rel="prefetch" href="../assets/js/151.353415e1.js"><link rel="prefetch" href="../assets/js/152.a0e625f0.js"><link rel="prefetch" href="../assets/js/153.9f9ff9df.js"><link rel="prefetch" href="../assets/js/154.3926195f.js"><link rel="prefetch" href="../assets/js/155.4ff0eab8.js"><link rel="prefetch" href="../assets/js/156.30421ecd.js"><link rel="prefetch" href="../assets/js/16.9311470f.js"><link rel="prefetch" href="../assets/js/17.1d2427af.js"><link rel="prefetch" href="../assets/js/18.9f71dea7.js"><link rel="prefetch" href="../assets/js/19.2b0b9da7.js"><link rel="prefetch" href="../assets/js/20.4e7fd7f2.js"><link rel="prefetch" href="../assets/js/21.eeb64d6d.js"><link rel="prefetch" href="../assets/js/22.eeed70a0.js"><link rel="prefetch" href="../assets/js/23.ebadd966.js"><link rel="prefetch" href="../assets/js/24.623888d6.js"><link rel="prefetch" href="../assets/js/25.997678dc.js"><link rel="prefetch" href="../assets/js/26.bdc2a6fc.js"><link rel="prefetch" href="../assets/js/27.14956264.js"><link rel="prefetch" href="../assets/js/28.3e836b17.js"><link rel="prefetch" href="../assets/js/29.88996b95.js"><link rel="prefetch" href="../assets/js/30.26760ff7.js"><link rel="prefetch" href="../assets/js/31.169925f0.js"><link rel="prefetch" href="../assets/js/32.fc848ffd.js"><link rel="prefetch" href="../assets/js/33.4a7b20b5.js"><link rel="prefetch" href="../assets/js/34.080a5b2d.js"><link rel="prefetch" href="../assets/js/35.5664384b.js"><link rel="prefetch" href="../assets/js/36.e6f2d7c1.js"><link rel="prefetch" href="../assets/js/37.7fffb245.js"><link rel="prefetch" href="../assets/js/38.2a818c4b.js"><link rel="prefetch" href="../assets/js/39.b75d1d1f.js"><link rel="prefetch" href="../assets/js/40.eebb261c.js"><link rel="prefetch" href="../assets/js/41.f590ad3d.js"><link rel="prefetch" href="../assets/js/42.3a5a9ad1.js"><link rel="prefetch" href="../assets/js/43.315af682.js"><link rel="prefetch" href="../assets/js/44.e699cfc9.js"><link rel="prefetch" href="../assets/js/45.070488b1.js"><link rel="prefetch" href="../assets/js/46.29f9b10c.js"><link rel="prefetch" href="../assets/js/47.a49c9691.js"><link rel="prefetch" href="../assets/js/48.901960ce.js"><link rel="prefetch" href="../assets/js/49.90f26de6.js"><link rel="prefetch" href="../assets/js/5.1822a725.js"><link rel="prefetch" href="../assets/js/50.d98ea474.js"><link rel="prefetch" href="../assets/js/51.7e81edb0.js"><link rel="prefetch" href="../assets/js/52.ae744cc4.js"><link rel="prefetch" href="../assets/js/53.a87579ea.js"><link rel="prefetch" href="../assets/js/54.09cf1cd4.js"><link rel="prefetch" href="../assets/js/55.8dbe32a9.js"><link rel="prefetch" href="../assets/js/56.4cc4e86e.js"><link rel="prefetch" href="../assets/js/57.5fa9755d.js"><link rel="prefetch" href="../assets/js/58.8a511947.js"><link rel="prefetch" href="../assets/js/59.7f699905.js"><link rel="prefetch" href="../assets/js/60.5cd6bf05.js"><link rel="prefetch" href="../assets/js/61.8e3a5252.js"><link rel="prefetch" href="../assets/js/62.c196204b.js"><link rel="prefetch" href="../assets/js/63.cf346896.js"><link rel="prefetch" href="../assets/js/64.0525bb5d.js"><link rel="prefetch" href="../assets/js/65.2d0a71fc.js"><link rel="prefetch" href="../assets/js/67.40077362.js"><link rel="prefetch" href="../assets/js/68.5bf58e97.js"><link rel="prefetch" href="../assets/js/69.d955f75b.js"><link rel="prefetch" href="../assets/js/70.a8cce98b.js"><link rel="prefetch" href="../assets/js/71.da703543.js"><link rel="prefetch" href="../assets/js/72.c04dfa52.js"><link rel="prefetch" href="../assets/js/73.d07ef280.js"><link rel="prefetch" href="../assets/js/74.8461f6a0.js"><link rel="prefetch" href="../assets/js/75.b4e8bf21.js"><link rel="prefetch" href="../assets/js/76.2df0e4fa.js"><link rel="prefetch" href="../assets/js/77.80fba507.js"><link rel="prefetch" href="../assets/js/78.167eb1f2.js"><link rel="prefetch" href="../assets/js/79.8de07f16.js"><link rel="prefetch" href="../assets/js/8.70b4860e.js"><link rel="prefetch" href="../assets/js/80.62ae9ff8.js"><link rel="prefetch" href="../assets/js/81.6d66b374.js"><link rel="prefetch" href="../assets/js/82.3200cf78.js"><link rel="prefetch" href="../assets/js/83.1d9c3fce.js"><link rel="prefetch" href="../assets/js/84.d9f947a9.js"><link rel="prefetch" href="../assets/js/85.85a4c72a.js"><link rel="prefetch" href="../assets/js/86.93c948f9.js"><link rel="prefetch" href="../assets/js/87.468468cc.js"><link rel="prefetch" href="../assets/js/88.e5fe3f13.js"><link rel="prefetch" href="../assets/js/89.724b1038.js"><link rel="prefetch" href="../assets/js/90.16fb68a1.js"><link rel="prefetch" href="../assets/js/91.338ca55d.js"><link rel="prefetch" href="../assets/js/92.508f7300.js"><link rel="prefetch" href="../assets/js/93.50d169d1.js"><link rel="prefetch" href="../assets/js/94.54461a32.js"><link rel="prefetch" href="../assets/js/95.8f712236.js"><link rel="prefetch" href="../assets/js/96.4c8d5f01.js"><link rel="prefetch" href="../assets/js/97.da347ee4.js"><link rel="prefetch" href="../assets/js/98.94680b58.js"><link rel="prefetch" href="../assets/js/99.7d895609.js">
		<link rel="stylesheet" href="../assets/css/0.styles.61168ff3.css">
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "../../hm.baidu.com/hm81c3.js?43e7eadc8f61e1e064906952da7d51f0";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</head>
	<body>
		<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="../index.html" class="home-link router-link-active"><img src="../common/logo.png" alt="uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！" class="logo"> <span class="site-name can-hide">uView</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="demo.html" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="../components/intro.html" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="../js/intro.html" class="nav-link">
  JS
</a></div><div class="nav-item"><a href="../layout/intro.html" class="nav-link">
  模板
</a></div><div class="nav-item"><a href="../components/resource.html" class="nav-link">
  资源
</a></div><div class="nav-item"><a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  插件市场
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/vk-uni/vk-uview-ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="DCloud插件市场" class="dropdown-title"><span class="title">VK其他插件</span> <span class="arrow down"></span></button> <button type="button" aria-label="DCloud插件市场" class="mobile-dropdown-title"><span class="title">VK其他插件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2204" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-router（client端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5043" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-admin（admin端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5642" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uni-pay（统一支付）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2848" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-data-goods-sku-popup（sku组件）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uview-ui（uView Vue3.0）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6158" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-redis
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6089" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud数据库一键搬家工具
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6663" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-hbx插件（开发辅助工具）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/publisher?id=164406" target="_blank" rel="noopener noreferrer" class="nav-link external">
  查看更多
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="原版uView" class="dropdown-title"><span class="title">原版uView</span> <span class="arrow down"></span></button> <button type="button" aria-label="原版uView" class="mobile-dropdown-title"><span class="title">原版uView</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v1.uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  2.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div><aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="demo.html" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="../components/intro.html" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="../js/intro.html" class="nav-link">
  JS
</a></div><div class="nav-item"><a href="../layout/intro.html" class="nav-link">
  模板
</a></div><div class="nav-item"><a href="../components/resource.html" class="nav-link">
  资源
</a></div><div class="nav-item"><a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  插件市场
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/vk-uni/vk-uview-ui" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="DCloud插件市场" class="dropdown-title"><span class="title">VK其他插件</span> <span class="arrow down"></span></button> <button type="button" aria-label="DCloud插件市场" class="mobile-dropdown-title"><span class="title">VK其他插件</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2204" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-router（client端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5043" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud-admin（admin端）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=5642" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uni-pay（统一支付）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=2848" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-data-goods-sku-popup（sku组件）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6692" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-uview-ui（uView Vue3.0）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6158" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-redis
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6089" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-unicloud数据库一键搬家工具
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/plugin?id=6663" target="_blank" rel="noopener noreferrer" class="nav-link external">
  vk-hbx插件（开发辅助工具）
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://ext.dcloud.net.cn/publisher?id=164406" target="_blank" rel="noopener noreferrer" class="nav-link external">
  查看更多
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="原版uView" class="dropdown-title"><span class="title">原版uView</span> <span class="arrow down"></span></button> <button type="button" aria-label="原版uView" class="mobile-dropdown-title"><span class="title">原版uView</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="https://v1.uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://uviewui.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  2.X
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul></div></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>开发指南</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="demo.html" class="sidebar-link">效果演示</a></li><li><a href="customIcon.html" class="sidebar-link">扩展自定义图标库</a></li><li><a href="theme.html" aria-current="page" class="active sidebar-link">自定义主题</a></li><li><a href="i18n.html" class="sidebar-link">多语言切换</a></li><li><a href="globalVariable.html" class="sidebar-link">全局变量的实现</a></li><li><a href="codeHint.html" class="sidebar-link">HBuilder X代码提示</a></li><li><a href="design.html" class="sidebar-link">设计理念</a></li><li><a href="note.html" class="sidebar-link">注意事项</a></li></ul></section></li></ul> </aside></div> <main class="page"> <div class="theme-default-content content__default" data-v-84d3d00c data-v-84d3d00c><h2 id="自定义主题" data-v-84d3d00c><a href="#自定义主题" class="header-anchor" data-v-84d3d00c>#</a> 自定义主题</h2> <div class="demo-model" data-v-05b12073 data-v-84d3d00c><div class="model-content" data-v-05b12073><iframe scrolling="auto" frameborder="0" src="https://uviewdoc.fsq.pub/#/pages/componentsC/color/index" id="demo-modal" class="iframe" data-v-05b12073></iframe></div></div> <p data-v-84d3d00c>uView目前可以自定主题色，字体颜色，边框颜色等，所有组件内部的样式，都基于同一套主题，比如您修改了<code data-v-84d3d00c>primary</code>主题色，所有用到了<code data-v-84d3d00c>primary</code>颜色
的组件都会受影响。</p> <h3 id="教程" data-v-84d3d00c><a href="#教程" class="header-anchor" data-v-84d3d00c>#</a> 教程</h3> <ol data-v-84d3d00c><li data-v-84d3d00c>可以在打开的颜色拾取器中输入或者选择颜色，再点&quot;确定&quot;按钮即可。</li> <li data-v-84d3d00c>颜色配置完后，在页面底部下载文件，会得到一个名为<code data-v-84d3d00c>uview.theme.scss</code>的文件。</li> <li data-v-84d3d00c>将文件复制到项目的公共目录(视情况而定)中，再在项目根目录的<code data-v-84d3d00c>uni.scss</code>中引入即可。</li> <li data-v-84d3d00c>删除<code data-v-84d3d00c>uni.scss</code>文件中原来引入的<code data-v-84d3d00c>@import 'uview-ui/theme.scss';</code>(旧的内置主题文件引入语句)。</li> <li data-v-84d3d00c>重新编译项目或者重启HX即可生效。</li></ol> <h3 id="主题色" data-v-84d3d00c><a href="#主题色" class="header-anchor" data-v-84d3d00c>#</a> 主题色</h3> <!----> <p data-v-84d3d00c>目前有五个主题色，每个主题色又分别有对应的<code data-v-84d3d00c>light</code>(淡色)、<code data-v-84d3d00c>dark</code>(深色)、<code data-v-84d3d00c>disabled</code>(禁止状态时的颜色)：</p> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#2979ff;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>primary</div> <div class="picker__item__value" data-v-471e6af0>#2979ff</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#2979ff" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#19be6b;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>success</div> <div class="picker__item__value" data-v-471e6af0>#19be6b</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#19be6b" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#fa3534;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>error</div> <div class="picker__item__value" data-v-471e6af0>#fa3534</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#fa3534" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#ff9900;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>warning</div> <div class="picker__item__value" data-v-471e6af0>#ff9900</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#ff9900" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#909399;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>info</div> <div class="picker__item__value" data-v-471e6af0>#909399</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#909399" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#2b85e4;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>primary-dark</div> <div class="picker__item__value" data-v-471e6af0>#2b85e4</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#2b85e4" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#18b566;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>success-dark</div> <div class="picker__item__value" data-v-471e6af0>#18b566</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#18b566" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#dd6161;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>error-dark</div> <div class="picker__item__value" data-v-471e6af0>#dd6161</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#dd6161" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#f29100;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>warning-dark</div> <div class="picker__item__value" data-v-471e6af0>#f29100</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#f29100" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#82848a;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>info-dark</div> <div class="picker__item__value" data-v-471e6af0>#82848a</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#82848a" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#a0cfff;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>primary-disabled</div> <div class="picker__item__value" data-v-471e6af0>#a0cfff</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#a0cfff" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#71d5a1;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>success-disabled</div> <div class="picker__item__value" data-v-471e6af0>#71d5a1</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#71d5a1" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#fab6b6;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>error-disabled</div> <div class="picker__item__value" data-v-471e6af0>#fab6b6</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#fab6b6" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#fcbd71;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>warning-disabled</div> <div class="picker__item__value" data-v-471e6af0>#fcbd71</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#fcbd71" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#c8c9cc;color:#ffffff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>info-disabled</div> <div class="picker__item__value" data-v-471e6af0>#c8c9cc</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#c8c9cc" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#ecf5ff;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>primary-light</div> <div class="picker__item__value" data-v-471e6af0>#ecf5ff</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#ecf5ff" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#dbf1e1;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>success-light</div> <div class="picker__item__value" data-v-471e6af0>#dbf1e1</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#dbf1e1" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#fef0f0;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>error-light</div> <div class="picker__item__value" data-v-471e6af0>#fef0f0</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#fef0f0" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#fdf6ec;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>warning-light</div> <div class="picker__item__value" data-v-471e6af0>#fdf6ec</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#fdf6ec" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#f4f4f5;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>info-light</div> <div class="picker__item__value" data-v-471e6af0>#f4f4f5</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#f4f4f5" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <h3 id="文字颜色" data-v-84d3d00c><a href="#文字颜色" class="header-anchor" data-v-84d3d00c>#</a> 文字颜色</h3> <p data-v-84d3d00c>内置的文字颜色有：主要文字、常规文字，次要文字、占位文字颜色，如需更详细的，详见：<a href="../components/color.html" data-v-84d3d00c>Color 色彩</a>章节。</p> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#303133;color:#fff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>main-color</div> <div class="picker__item__value" data-v-471e6af0>#303133</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#303133" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#606266;color:#fff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>content-color</div> <div class="picker__item__value" data-v-471e6af0>#606266</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#606266" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#909399;color:#fff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>tips-color</div> <div class="picker__item__value" data-v-471e6af0>#909399</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#909399" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div> <div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#c0c4cc;color:#fff;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>light-color</div> <div class="picker__item__value" data-v-471e6af0>#c0c4cc</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#c0c4cc" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <h3 id="边框颜色" data-v-84d3d00c><a href="#边框颜色" class="header-anchor" data-v-84d3d00c>#</a> 边框颜色</h3> <p data-v-84d3d00c>uView所有组件边框相关的(特别说明的除外)，用的都是这一个颜色。</p> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#e4e7ed;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>border-color</div> <div class="picker__item__value" data-v-471e6af0>#e4e7ed</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#e4e7ed" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <h3 id="背景颜色" data-v-84d3d00c><a href="#背景颜色" class="header-anchor" data-v-84d3d00c>#</a> 背景颜色</h3> <p data-v-84d3d00c>这个颜色是uView推荐的背景色，目前内置组件中使用的场景不多。</p> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#f3f4f6;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>bg-color</div> <div class="picker__item__value" data-v-471e6af0>#f3f4f6</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#f3f4f6" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <h3 id="input边框颜色" data-v-84d3d00c><a href="#input边框颜色" class="header-anchor" data-v-84d3d00c>#</a> Input边框颜色</h3> <p data-v-84d3d00c>此颜色用于在<code data-v-84d3d00c>u-input</code>组件显示边框时的边框颜色。</p> <div class="row" data-v-84d3d00c><div class="col-md-2" data-v-84d3d00c><div class="picker" data-v-471e6af0 data-v-84d3d00c><div class="picker__item" style="background-color:#dcdfe6;color:#606266;" data-v-471e6af0><div class="picker__item__name" data-v-471e6af0>form-item-border-color</div> <div class="picker__item__value" data-v-471e6af0>#dcdfe6</div></div> <div class="picker__tool el-row is-justify-space-between el-row--flex" data-v-471e6af0><div class="el-col el-col-15" data-v-471e6af0><div class="picker__input el-input" data-v-471e6af0><!----><input type="text" readonly="readonly" autocomplete="off" placeholder="#dcdfe6" class="el-input__inner"><!----><!----><!----><!----></div></div> <div class="picker__tool__picker el-col el-col-9" data-v-471e6af0><div class="el-color-picker" data-v-471e6af0><!----><div class="el-color-picker__trigger"><span class="el-color-picker__color"><span class="el-color-picker__color-inner" style="background-color:rgb(255, 0, 0);"></span><!----></span><span class="el-color-picker__icon el-icon-arrow-down"></span></div><div class="el-color-dropdown el-color-picker__panel" style="display:none;"><div class="el-color-dropdown__main-wrapper"><div class="el-color-hue-slider is-vertical" style="float:right;"><div class="el-color-hue-slider__bar"></div><div class="el-color-hue-slider__thumb" style="left:0px;top:0px;"></div></div><div class="el-color-svpanel" style="background-color:hsl(0, 100%, 50%);"><div class="el-color-svpanel__white"></div><div class="el-color-svpanel__black"></div><div class="el-color-svpanel__cursor" style="top:0px;left:0px;"><div></div></div></div></div><!----><!----><div class="el-color-dropdown__btns"><span class="el-color-dropdown__value"><div class="el-input el-input--mini"><!----><input type="text" autocomplete="off" class="el-input__inner"><!----><!----><!----><!----></div></span><button type="button" class="el-button el-color-dropdown__link-btn el-button--text el-button--mini"><!----><!----><span>
        清空
      </span></button><button type="button" class="el-button el-color-dropdown__btn el-button--default el-button--mini is-plain"><!----><!----><span>
        确定
      </span></button></div></div></div></div></div></div></div></div> <div class="submit-btn-group" data-v-84d3d00c><button type="button" class="el-button el-button--warning" data-v-84d3d00c><!----><!----><span>重置</span></button> <button type="button" class="el-button el-button--primary" data-v-84d3d00c><!----><!----><span>下载主题文件</span></button></div></div> <footer class="page-edit"><!----> <div class="edit-link"><a href="https://gitee.com/vk-uni/vk-uview-ui-doc.git/edit/master/docs/guide/theme.md" target="_blank" rel="noopener noreferrer">编辑此页（一起来纠错与优化，方便你我Ta）</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <div class="last-updated"><span class="prefix">最后修改时间:</span> <span class="time">5/3/2022, 9:25:56 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="customIcon.html" class="prev">
        扩展自定义图标库
      </a></span> <span class="next"><a href="i18n.html">
        多语言切换
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
		<script src="../assets/js/app.06a5b7ec.js" defer></script><script src="../assets/js/3.b1cc55a0.js" defer></script><script src="../assets/js/4.4b844322.js" defer></script><script src="../assets/js/66.7155e206.js" defer></script><script src="../assets/js/9.ba52e2b0.js" defer></script><script src="../assets/js/7.1d1f1c24.js" defer></script><script src="../assets/js/6.2c513bee.js" defer></script>
	</body>

<!-- Mirrored from vkuviewdoc.fsq.pub/guide/theme.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 May 2025 17:30:58 GMT -->
</html>
